<template>
	<uni-popup ref="popup" :animation="true">
		<view class="alertbox">
			<view class="tit">提交成功</view>
			<view class="cnt">已提交成功，感谢您的反馈~</view>
			<button class="btn" @click="_closeFun">知道了</button>
		</view>
	</uni-popup>
</template>

<script>
	export default {
		methods: {
			showFun() {
				this.$refs.popup.open()
			},
			_closeFun() {
				this.$refs.popup.close()
				uni.showLoading()
				this.$emit("know")
			},
		}
	}
</script>

<style scoped>
	.alertbox {
		width: 582rpx;
		height: 418rpx;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-image: url("https://beijingyuanjie.oss-cn-beijing.aliyuncs.com/groupbuy/my/suggestion/suggestalert.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		text-align: center;
	}

	.tit {
		font-size: 44rpx;
		font-weight: bold;
		color: #171717;
		margin: 76rpx auto 0;
	}

	.cnt {
		margin: 22rpx auto 0;
		font-size: 28rpx;
		color: #515151;
		font-weight: 400;
	}

	.btn {
		margin: 82rpx auto 0;
		width: 77%;
		height: 74rpx;
		line-height: 74rpx;
		background: #F54642;
		border-radius: 19px;
		font-size: 28rpx;
		color: white;
	}
</style>
